<header class="mdui-appbar mdui-appbar-fixed">

    <div class="mdui-toolbar mdui-color-theme">
        <a href="javascript:;" id="menu-open" class="mdui-btn mdui-btn-icon"><i
                    class="mdui-icon material-icons">menu</i></a>

        <span class="mdui-typo-title"><?php $this->options->title() ?></span>

        <div class="mdui-toolbar-spacer"></div>
        <!-- <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a> -->

        <div class="mdui-textfield mdui-textfield-expandable mdui-float-right">
            <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i
                        class="mdui-icon material-icons">search</i></button>

            <form id="search" method="post" action="" role="search">
                <input class="mdui-textfield-input" type="text" id="s" name="s" placeholder="搜索一下"/>
                <button type="submit" style="display:none;">搜索</button>
            </form>

            <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i
                        class="mdui-icon material-icons">close</i></button>
        </div>

        <a href="javascript:;" id="menu-mode" class="mdui-btn mdui-btn-icon"><i
                    class="mdui-icon material-icons">brightness_2</i></a>
        <!-- <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a> -->
    </div>

</header>


<!-- 默认抽屉栏在左侧 -->
<div mdui-drawer0="{swipe: 'true', overlay: 'true'}" class="mdui-drawer" id="drawer">

    <div class="mdui-card mdui-ripple" style="height: auto;">
        <div class="mdui-card-media">
        	<div class="scroll_img_o">
            	<div class="scroll_img">
            		<?php $start =  getRandomImg(); ?>
	            	<img src="<?php echo $start ?>"/>
	            	<?php
	            	for($i=0;$i<2;$i++){
	            		echo '<img src="'.getRandomImg().'"/>';
	            	}
	            	?>
	            	<img src="<?php echo $start ?>"/>
            	</div>
            </div>
            <div class="mdui-card-media-covered">
                <div class="mdui-card-primary">
                    <div class="mdui-card-primary-title"><?php $this->options->title() ?></div>
                    <div class="mdui-card-primary-subtitle">By Jamiexu version:1.0</div>
                </div>
            </div>
        </div>


    </div>

    <li id="sidebar_home" class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
        <a class="mdui-list-item-content a-li" href="<?php $this->options->siteUrl(); ?>">首页</a>
    </li>


    <div class="mdui-collapse" mdui-collapse>

        <div class="mdui-collapse-item">
            <li class="mdui-list-item mdui-ripple mdui-collapse-item-header">
                <i class="mdui-list-item-icon mdui-icon material-icons ">view_list</i>
                <div class="mdui-list-item-content">分类</div>
                <i
                        class="mdui-icon material-icons mdui-list-item-icon mdui-collapse-item-arrow">keyboard_arrow_down</i>
            </li>
            <div class="mdui-collapse-item-body">
                <?php
                $link = <<<JAM
<a class="mdui-list-item mdui-ripple a-li" href="javascript:void(0);" onclick="onReading('{permalink}')"> {name}({count})</a> 
JAM;
                $this->widget('Widget_Metas_Category_List')
                    ->parse($link); ?>
            </div>
        </div>
    </div>

    <div class="mdui-collapse" mdui-collapse>

        <div class="mdui-collapse-item">
            <li class="mdui-list-item mdui-ripple mdui-collapse-item-header">
                <i class="mdui-list-item-icon mdui-icon material-icons ">access_time</i>
                <div class="mdui-list-item-content">归档</div>
                <i
                        class="mdui-icon material-icons mdui-list-item-icon mdui-collapse-item-arrow">keyboard_arrow_down</i>
            </li>
            <div class="mdui-collapse-item-body">
                <?php
                $link = <<<JAM
<a class="mdui-list-item mdui-ripple a-li" href="javascript:void(0);" onclick="onReading('{permalink}')">{date}</a>
JAM;
                $this->widget('Widget_Contents_Post_Date', 'type=month&format=F Y')
                    ->parse($link); ?>
            </div>
        </div>
    </div>


    <div class="mdui-collapse" mdui-collapse>

        <div class="mdui-collapse-item">
            <li class="mdui-list-item mdui-ripple mdui-collapse-item-header">
                <i class="mdui-list-item-icon mdui-icon material-icons ">view_carousel</i>
                <div class="mdui-list-item-content">页面</div>
                <i
                        class="mdui-icon material-icons mdui-list-item-icon mdui-collapse-item-arrow">keyboard_arrow_down</i>
            </li>
            <div class="mdui-collapse-item-body">
                <?php
                $link = <<<JAM
<a class="mdui-list-item mdui-ripple a-li" href="javascript:void(0);" onclick="onReading('{permalink}')">{title}</a>
JAM;
                $this->widget('Widget_Contents_Page_List')
                    ->parse($link); ?>
            </div>
        </div>
    </div>


    <div class="mdui-divider"></div>

    <li class="mdui-list-item mdui-ripple">
        <!--<i class="mdui-list-item-icon mdui-icon material-icons">rss_feed</i>-->
        <svg class="mdui-list-item-icon" version="1.1" xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000"
             enable-background="new 0 0 1000 1000" xml:space="preserve" width="30" height="30">
<metadata> Svg Vector Icons : http://www.sfont.cn</metadata>
            <g>
                <path d="M382.3,242.2c-22.3-12.1-44.6-24.1-66.9-36.4c-37-20.1-74-40.2-111-60.4c-15-8.2-21.2-20.7-12.7-36.2c8.5-15.6,22.8-16.7,37.5-8.7c86.7,47.2,173.5,94.3,260,142.1c22.1,12.2,62.1,5,76.1-15.8c44.3-64.2,88.4-128.5,132.5-192.8c1.5-2.3,3.1-4.6,4.6-6.8C715,9.8,729.4,5.1,742.4,15.4c15,11.9,12.5,26,2.8,40.2c-18,26.2-35.9,52.5-53.7,78.6c-24.8,36.4-49.5,72.7-77.2,113.1c11.3,0,18.6,0,25.7,0c95.3,0,190.8,0,286.2,0c29.1,0,33.6,4.6,33.7,33.7c0.3,199.5,0.5,398.8,0.8,598.3c0,28.5-5.1,33.4-34.2,33.6c-7.6,0-15.3,0.8-22.8-0.2c-27.5-3.1-47.7-0.5-57.3,33.6c-8.7,30.6-41.3,46.3-70.7,43.2c-34-3.6-56.5-23.7-65.2-55.4c-5.3-19.2-14.2-21.8-31.6-21.7c-119.6,0.8-239.1,0.5-358.8,0.2c-13.8,0-21.8,1.2-25.8,18c-8.7,35.9-38.2,58.7-70.9,59.3c-33.9,0.6-63.3-21.5-73.2-58.8c-4.2-15.6-11.1-19.2-25.5-18.4c-18.6,1.1-37.3,0.5-56,0.2c-20.4-0.5-29.4-8.8-29.4-28.8c0.2-202.7,0.5-405.6,0.9-608.5c0-21,8.5-28,31.9-28c96.1-0.2,192.2,0,288.2,0c6.7,0,13.5,0,20.1,0C381.1,245.8,381.7,244.1,382.3,242.2z M913.6,866.1c0-192.2,0-382.3,0-573.3c-276.1,0-550.7,0-825.1,0c0,191.9,0,382.4,0,573.3C364.3,866.1,637.8,866.1,913.6,866.1z M250.7,914.4c-20,0-37.5,0-56.8,0c3.9,16.2,11.8,27.7,26.9,28.6C237.7,944.3,245.8,931.7,250.7,914.4z M752.7,914.2c5.7,17.3,13.5,30,30.5,28.8c15.3-1.1,22.4-13,27.1-28.8C790.4,914.2,772.9,914.2,752.7,914.2z"/>
                <path d="M501.8,826.6c-110.5,0-221.2,0-331.7,0c-32.2,0-37.3-5.1-37.3-37.3c0.2-138.7,0.3-277.3,0.6-416.2c0-29.3,6-35.3,35.1-35.3c221.8,0,443.7,0,665.5,0c29.6,0,35.6,5.9,35.8,34.8c0.5,139.4,0.8,278.7,0.9,418.2c0,29.9-6.2,35.6-37,35.8C722.9,826.6,612.3,826.6,501.8,826.6z M820.8,777.6c0-131.9,0-261.1,0-390.2c-214,0-426.4,0-638.6,0c0,131.1,0,260.3,0,390.2C395.8,777.6,607.6,777.6,820.8,777.6z"/>
                <path d="M504.7,708.4c-8.5,6-16.4,12.8-25.4,17.6c-29.6,15.6-59,14.2-86.2-4.8c-30-21-43.3-51.8-40.7-87.8c0.6-7.7,14.9-20,23.1-20.3c8-0.3,18.3,10.8,24.1,19.3c4.6,6.8,2.6,17.6,5.9,25.8c6.2,15.6,17.6,30.5,34.8,26.8c12.7-2.6,24.1-15.5,33.6-26c4.6-5.3,3.9-15.6,5.1-23.7c2.2-15.3,11-24.6,26-24.3c13.6,0.3,22.4,8.7,24.3,23.5c1.1,9.4,1.4,21.2,7,27.4c9,10.1,21.7,22.1,33.3,22.6c10.4,0.3,23.1-12.4,31.3-22.3c5.4-6.5,5.1-18.1,6.8-27.5c2.8-15,11.3-24.1,26.8-23.1c15.3,1.2,23.4,11.1,22.8,26.8c-1.5,39.5-17,71.5-53.5,89.1c-34,16.4-65.9,9.4-93.8-15.9C508.3,710.7,506.6,709.8,504.7,708.4z"/>
                <path d="M777.1,560.8c0.5,23.4-18.6,36.2-36.2,26.2c-47.2-26.9-93.6-55.3-139.9-83.7c-12.2-7.6-14.9-20-7.7-32.5c7.3-12.8,20.1-16.2,32-9.4c47.7,27.5,94.9,55.9,141.8,84.8C772.5,549.6,775.1,557.8,777.1,560.8z"/>
                <path d="M374.3,470.8c4.3,4.3,15.5,10.4,16.7,17.8c1.4,8.8-3.2,24.1-10.1,27.5c-41,21-83.1,39.9-125.4,58.7c-12.8,5.7-26.9,1.4-30.2-12.5c-2.2-9.1,1.7-26.3,8.2-29.7c42.3-21.7,85.9-40.4,129.1-60C364.5,471.8,366.7,471.9,374.3,470.8z"/>
            </g>
</svg>
        <a class="mdui-list-item-content" href="//space.bilibili.com/88716390" target="_bank">BiliBili</a>
    </li>


    <li class="mdui-list-item mdui-ripple">
        <!--<i class="mdui-list-item-icon mdui-icon material-icons">rss_feed</i>-->
        <svg class="mdui-list-item-icon" version="1.1" xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000"
             enable-background="new 0 0 1000 1000" width="30" height="30" xml:space="preserve">
       	<path d="M990,512c0,106.8-31.2,202.8-93.5,288.1C834.2,885.3,753.7,944.3,655,977.1c-11.5,2.1-19.9,0.6-25.2-4.5c-5.3-5.1-8-11.5-8-19.1V818.9c0-41.3-11.1-71.5-33.2-90.6c24.2-2.6,46-6.4,65.4-11.5c19.4-5.1,39.3-13.4,60-24.9s37.9-25.6,51.7-42.4c13.8-16.8,25.1-39.1,33.8-67c8.7-27.9,13.1-59.9,13.1-96c0-51.5-16.8-95.3-50.4-131.4c15.7-38.7,14-82.1-5.1-130.2c-11.9-3.8-29.1-1.5-51.7,7c-22.5,8.5-42.1,17.9-58.7,28.1l-24.2,15.3c-39.6-11.1-80.4-16.6-122.5-16.6c-42.1,0-82.9,5.5-122.5,16.6c-6.8-4.7-15.8-10.4-27.1-17.2c-11.3-6.8-29-15-53.3-24.6c-24.2-9.6-42.5-12.4-54.9-8.6c-18.7,48.1-20.2,91.4-4.5,130.2c-33.6,36.2-50.4,80-50.4,131.4c0,36.2,4.4,68.1,13.1,95.7c8.7,27.6,19.9,50,33.5,67c13.6,17,30.7,31.3,51.4,42.7c20.6,11.5,40.6,19.8,60,24.9c19.4,5.1,41.2,8.9,65.4,11.5c-17,15.3-27.4,37.2-31.3,65.7c-8.9,4.3-18.5,7.4-28.7,9.6c-10.2,2.1-22.3,3.2-36.4,3.2c-14,0-28-4.6-41.8-13.7s-25.6-22.4-35.4-39.9c-8.1-13.6-18.4-24.7-30.9-33.2c-12.5-8.5-23.1-13.6-31.6-15.3l-12.8-1.9c-8.9,0-15.1,1-18.5,2.9c-3.4,1.9-4.5,4.4-3.2,7.3c1.3,3,3.2,6,5.7,8.9c2.6,3,5.3,5.5,8.3,7.7l4.5,3.2c9.4,4.3,18.6,12.3,27.8,24.2c9.1,11.9,15.8,22.8,20.1,32.5l6.4,14.7c5.5,16.2,14.9,29.2,28.1,39.2c13.2,10,27.4,16.4,42.7,19.1c15.3,2.8,30.1,4.3,44.3,4.5s26.1-0.5,35.4-2.2l14.7-2.6c0,16.2,0.1,35.1,0.3,56.8c0.2,21.7,0.3,33.2,0.3,34.5c0,7.7-2.8,14-8.3,19.1c-5.5,5.1-14,6.6-25.5,4.5c-98.7-32.8-179.2-91.8-241.5-177.1S10,618.7,10,512c0-88.9,21.9-170.9,65.7-246C119.5,190.9,179,131.5,254,87.7S411.1,22,500,22s170.9,21.9,246,65.7C821,131.5,880.5,190.9,924.3,266S990,423.1,990,512L990,512z"/>
</svg>
        <a class="mdui-list-item-content" href="//github.com/Jamie793" target="_bank">GitHub</a>
    </li>

    <li class="mdui-list-item mdui-ripple">
        <!--<i class="mdui-list-item-icon mdui-icon material-icons">rss_feed</i>-->
        <svg class="mdui-list-item-icon mdui-icon" version="1.1" xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000"
             enable-background="new 0 0 1000 1000" width="30" height="30" xml:space="preserve">
       	<path d="M990,512c0,106.8-31.2,202.8-93.5,288.1C834.2,885.3,753.7,944.3,655,977.1c-11.5,2.1-19.9,0.6-25.2-4.5c-5.3-5.1-8-11.5-8-19.1V818.9c0-41.3-11.1-71.5-33.2-90.6c24.2-2.6,46-6.4,65.4-11.5c19.4-5.1,39.3-13.4,60-24.9s37.9-25.6,51.7-42.4c13.8-16.8,25.1-39.1,33.8-67c8.7-27.9,13.1-59.9,13.1-96c0-51.5-16.8-95.3-50.4-131.4c15.7-38.7,14-82.1-5.1-130.2c-11.9-3.8-29.1-1.5-51.7,7c-22.5,8.5-42.1,17.9-58.7,28.1l-24.2,15.3c-39.6-11.1-80.4-16.6-122.5-16.6c-42.1,0-82.9,5.5-122.5,16.6c-6.8-4.7-15.8-10.4-27.1-17.2c-11.3-6.8-29-15-53.3-24.6c-24.2-9.6-42.5-12.4-54.9-8.6c-18.7,48.1-20.2,91.4-4.5,130.2c-33.6,36.2-50.4,80-50.4,131.4c0,36.2,4.4,68.1,13.1,95.7c8.7,27.6,19.9,50,33.5,67c13.6,17,30.7,31.3,51.4,42.7c20.6,11.5,40.6,19.8,60,24.9c19.4,5.1,41.2,8.9,65.4,11.5c-17,15.3-27.4,37.2-31.3,65.7c-8.9,4.3-18.5,7.4-28.7,9.6c-10.2,2.1-22.3,3.2-36.4,3.2c-14,0-28-4.6-41.8-13.7s-25.6-22.4-35.4-39.9c-8.1-13.6-18.4-24.7-30.9-33.2c-12.5-8.5-23.1-13.6-31.6-15.3l-12.8-1.9c-8.9,0-15.1,1-18.5,2.9c-3.4,1.9-4.5,4.4-3.2,7.3c1.3,3,3.2,6,5.7,8.9c2.6,3,5.3,5.5,8.3,7.7l4.5,3.2c9.4,4.3,18.6,12.3,27.8,24.2c9.1,11.9,15.8,22.8,20.1,32.5l6.4,14.7c5.5,16.2,14.9,29.2,28.1,39.2c13.2,10,27.4,16.4,42.7,19.1c15.3,2.8,30.1,4.3,44.3,4.5s26.1-0.5,35.4-2.2l14.7-2.6c0,16.2,0.1,35.1,0.3,56.8c0.2,21.7,0.3,33.2,0.3,34.5c0,7.7-2.8,14-8.3,19.1c-5.5,5.1-14,6.6-25.5,4.5c-98.7-32.8-179.2-91.8-241.5-177.1S10,618.7,10,512c0-88.9,21.9-170.9,65.7-246C119.5,190.9,179,131.5,254,87.7S411.1,22,500,22s170.9,21.9,246,65.7C821,131.5,880.5,190.9,924.3,266S990,423.1,990,512L990,512z"/>
</svg>
        <a class="mdui-list-item-content" href="//gitee.com/Jamie793" target="_bank">Gitee</a>
    </li>


    <li class="mdui-list-item mdui-ripple">
        <!--<i class="mdui-list-item-icon mdui-icon material-icons">rss_feed</i>-->
        <svg class="mdui-list-item-icon mdui-icon" version="1.1" xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000"
             enable-background="new 0 0 1000 1000" xml:space="preserve" width="30" height="30">
<metadata> Svg Vector Icons : http://www.sfont.cn</metadata>
            <g>
                <g transform="translate(0.000000,498.000000) scale(0.100000,-0.100000)">
                    <path d="M4695.9,4881.4c-973.4-53.3-1927.1-416.6-2734.6-1040.5c-209.3-163.9-623.9-574.6-789.8-783.9c-304.1-385-612.1-928-776-1372.2C54,764.7,6.6-325.1,263.3-1292.6c163.9-612.1,473.9-1228.1,884.5-1759.2c167.8-217.2,596.3-647.6,813.5-813.5c858.9-665.4,1784.9-1001,2898.5-1052.4l240.9-11.9v1619v1619h-543h-543v681.2v681.2h543h543v489.6c0,268.5,9.9,564.7,21.7,655.5c82.9,671.3,416.6,1192.6,914.1,1431.5c274.5,130.3,304.1,134.3,1084,142.2l704.9,7.9v-679.2v-681.2l-389-9.9c-337.6-7.9-406.7-13.8-513.3-53.3c-165.8-57.3-298.1-179.7-373.2-339.6c-57.3-122.4-57.3-128.3-63.2-544.9l-7.9-418.6h673.3c525.2,0,673.3-5.9,673.3-23.7c0-13.8-59.2-321.8-130.3-683.1l-132.3-655.5h-539h-541V-3194v-1500.6l45.4,11.8c152,47.4,531.1,209.3,724.6,310c1441.3,750.3,2402.9,2124.5,2616.1,3737.6c41.5,313.9,41.5,930,0,1243.9c-118.5,898.4-452.2,1692.1-1014.9,2418.7c-165.8,215.2-596.3,645.6-811.5,811.5C7061.2,4599.1,5935.8,4948.6,4695.9,4881.4z"/>
                </g>
            </g>
</svg>

        <a class="mdui-list-item-content" href="//blog.jamiexu.cn/feed/" target="_bank">RSS</a>
    </li>
</div>


<script src="<?php $this->options->themeUrl('inc/js/header.js'); ?>"></script>